<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>账单</title>
    <link rel="stylesheet" href="../css/bootstrap-3.3.4/css/bootstrap.min.css">
    <link rel="stylesheet/less" href="../css/util/util.less" type="text/css">
    <link rel="stylesheet" type="text/css" href="../css/layui-v2.5.5/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../css/rightContent.css">
</head>
<body>
<div class="wrap">
    <div class="header">
        <div class="header_left">
            <div class="hleft_main">
                <div>
                    <span class="hleft_main_1"></span>
                    <span>账单</span>
                    <span class="hleft_main_2 btn-group" onclick="return_home()" title="返回首页"></span>
                </div>
            </div>
        </div>
        <div class="header_middle" id="title-nav">
            <div class="hmiddle_item" v-for="(item,index) in headList" @click="ywClick(item,index)">
                <div :class="{'divHover':navIndex==index}">
                    <span></span>
                    {{item.name}}
                </div>
            </div>
        </div>
        <div class="header_right">
            <div>
                <span class="hright_item1">2019年1月1日</span>
                <span class="hright_item2">星期一</span>
                <span class="hright_item3">15:00</span>
                <span class="hright_item4"></span>
                <span class="hright_item5">多云</span>
                <span class="hright_item6"></span>
                <span class="hright_item7 btn-group">
                    <span data-toggle="dropdown">
                        admin
                    <span class="caret"></span>
                    </span>
                </span>
            </div>
        </div>
    </div>
    <div class="main" id="main">
        <!--左边的数据是固定写死的-->
        <div class="main-left">
                <ul class="left-nav ">
                    <li v-for="(item,index) in list">
                        <div :class="[item.normal,index==ywIndex?item.active:'']"  @click="yjClick(item,index)">
                            <p>{{item.txt}}</p>
                        </div>
                        <ul v-show="item.zt">
                            <li v-for="(item1,index1) in item.children"  style="padding-left: 10px;">
                                <div style="font-size: 16px" :class="[item1.normal,(index==ywIndex&&index1==erIndex)?item1.active:'']"  @click="ejClick(item1,index,index1)">
                                    <p>{{item1.txt}}</p>
                                </div>
                                <ul v-show="item1.zt">
                                    <li v-for="(item2,index2) in item1.children" style="padding-left: 15px">
                                        <div style="font-size: 15px"  :class="[item2.normal,(index==ywIndex&&index1==erIndex&&index2==saIndex)?item2.active:'']"  @click="sjClick(item2,index,index1,index2)">
                                            <p>{{item2.txt}}</p></div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        <!--右边的模板是不固定的，先占一个位子放在这-->
        <router-view ref="mychild"></router-view>
    </div>
</div>

</body>

<script src="../js/util/less.js" type="text/javascript"></script>
<script src="../js/util/axios.js" type="text/javascript"></script>
<script src="../js/util/vue.js" type="text/javascript"></script>
<script src="../js/util/vue-router.js" type="text/javascript"></script>
<script src="../js/util/jquery-3.2.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../css/bootstrap-3.3.4/js/bootstrap.min.js"></script>
<script type="text/JavaScript" src="../css/layui-v2.5.5/layui.js"></script>
<script type="text/javascript" src="../js/util/vue-component.js"></script>
<script type="text/javascript" src="../js/main.js"></script>
<script type="text/javascript" src="../js/sjzxFn.js"></script>
<script type="module" src="../js/tjfx-router.js"></script>
<script type="text/javascript" src="../js/util/jquery.table2excel.js/"></script>

</html>